<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Use correct character set. -->
  <meta charset="utf-8">
  <!-- Tell IE to use the latest, best version. -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <title>Emergency Fire Evacuation System</title>
  <script src="../Build/Cesium/Cesium.js"></script>
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>

  <style>
      @import url(../Build/Cesium/Widgets/widgets.css);
      html, body, #cesiumContainer {
          width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
      }

        .toolbar-left {
            display: block;
            position: absolute;
            top: 10px;
            left: 10px;
            background: white;
            opacity: 70%;
        }            
  </style>
</head>
<body onload="updateObservations()">
  <div id="cesiumContainer">
      
  </div>

    <div class="toolbar-left" id="toolbar">
        Start: <input type="text" id="start" size="5" value="R3-203"><nbr>
      <button onclick="routing()">
        Routing
      </button><br>


        FeatureOfInterest ID: <input type="text" id="OfferingID_T" size="3" value="100"><nbr>
        Temperature: <input type="text" id="temperature" size="3" value="70"><nbr>

<!--         Obstacle: <input type="text" id="obstacle" size="15" value="Right-Stairs-2-1"><nbr>
      <button onclick="AddObstacle()">
        Add Obstacle
      </button><br> -->

      <button onclick="AddTemperatureObservation()">
        Insert Observation
      </button><br>

        FeatureOfInterest ID: <input type="text" id="OfferingID_O" size="3" value="21"><nbr>
        Obscuration Rate: <input type="text" id="ObscurationRate" size="3" value="50"><nbr>

      <button onclick="AddSmokeObservation()">
        Insert Observation
      </button><br>            



      <input type="checkbox" id="R31Fcheck" value="R31F" checked>R3 1F<br>
      <input type="checkbox" id="R32Fcheck" value="R32F" checked>R3 2F<br>
    </div>
</body>

  <script type="text/javascript" src ="./ModelVisualize.js"></script>
  <script type="text/javascript" src="RoutingMoudle/R3Route.js"></script>  
  <script type="text/javascript" src="RoutingMoudle/RoutingSOS.js"></script>
<!--   <script type="text/javascript" src ="RoutingMoudle/RoutingResult.js"></script>  
 -->  <script type="text/javascript" src="GeoJSON/R3_point_GeoJSON.js"></script> 
  <script type="text/javascript" src="SOS Service/SOSconnecter.js"></script> 

</html>


